<template>
  <div>
    <!-- 提现明细 -->
    <div class="detailed">
      <div class="detailedul">
        <span>提现</span>
        <div>
          <span>04月28日</span>
          <span>12:10</span>
        </div>
      </div>
      <div>-4859</div>
    </div>

    <div class="detailed">
      <div class="detailedul">
        <span>提现</span>
        <div>
          <span>04月28日</span>
          <span>12:10</span>
        </div>
      </div>
      <div>-4859</div>
    </div>

    <div class="detailed">
      <div class="detailedul">
        <span>提现</span>
        <div>
          <span>04月28日</span>
          <span>12:10</span>
        </div>
      </div>
      <div>-4859</div>
    </div>

  </div>
</template>

<script>
export default {
  props: {

  },
  data() {
    return {

    };
  },
  computed: {

  },
  created() {

  },
  mounted() {

  },
  watch: {

  },
  methods: {

  },
  components: {

  },
};
</script>

<style scoped >
.detailed {
  display: flex;
  justify-content: space-between;
  padding: 20rpx;
  align-items: flex-end;
}
.detailedul {
  display: flex;
  flex-direction: column;
}
.detailedul div {
  margin-top: 10rpx;
  color: #a9a9a9;
}
.detailed > div:nth-child(2) {
  color: #e02020;
  font-size: 50rpx;
}
</style>
